<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <script type="text/javascript" src="/deng/include/include-css.js"></script>
    <link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
    <link href="/deng/source/plugins/newAdmin/bootstrap/4.0.0/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
    <meta charset="UTF-8">
    <title>授权中心账户</title>
</head>
<body>
<div class="m-content jehc-content-1">
    <div class="m-portlet">
        <div class="m-portlet__head">
            <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                    <h3 class="m-portlet__head-text">
                        <span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
                    </h3>
                </div>
            </div>
        </div>
        <!--begin::Form-->
        <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="POST" id="searchForm">
            <div class="m-portlet__body">
                <div class="form-group m-form__group row">
                    <label class="col-form-label">姓名</label>
                    <div class="col-lg-1">
                        <input type="text" class="form-control" name="name" placeholder="请输入">
                    </div>
                    <label class="col-form-label">账号</label>
                    <div class="col-lg-1">
                        <input type="text" class="form-control" name="account" placeholder="请输入">
                    </div>
                    <label class="col-form-label">状态</label>
                    <div class="col-lg-2">
                        <select class="form-control" name="status">
                            <option value="">---请选择---</option>
                            <option value="0">正常</option>
                            <option value="1">冻结</option>
                            <option value="2">禁用</option>
                        </select>
                    </div>
                    <label class="col-form-label">电子邮件</label>
                    <div class="col-lg-2">
                        <input type="text" class="form-control" name="email" placeholder="请输入">
                    </div>
                    <label class="col-form-label">类型</label>
                    <div class="col-lg-2">
                        <input type="text"  style="display: none;" name="account_type_id" id="account_type_id">
                        <select class="form-control" id="account_type_ids" multiple="multiple">
                            <option value="">---请选择---</option>
                        </select>
                    </div>
                    <label class="col-form-label">类型条件</label>
                    <div class="col-lg-1">
                        <select class="form-control" name="typeCondition">
                            <option value="0">并且</option>
                            <option value="1">或</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
                <div class="m-form__actions m-form__actions--solid">
                    <div class="row">
                        <div class="col m--align-left">
                            <a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
                                <span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
                            </a>
                            <a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
                                <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                            </a>
                        </div>
                        <div class="col m--align-right">

                            <a class="btn btn-secondary m-btn m-btn--custom m-btn--label-success" href="javascript:toOauthAccountAdd()">
                                <span><i class="la la-plus la-lg"></i><span>新增</span></span>
                            </a>
                            <a class="btn btn-secondary m-btn m-btn--custom m-btn--label-primary" href="javascript:toOauthAccountUpdate()">
                                <span><i class="fa fa-magic fa-lg"></i><span>修改</span></span>
                            </a>
                            <a class="btn btn-secondary m-btn m-btn--custom m-btn--label-danger m-btn--bolder m-btn--uppercase" href="javascript:freeze()">
                                <span><i class="fa fa-times"></i><span>冻结</span></span>
                            </a>
                            <a class="btn btn-secondary m-btn m-btn--custom m-btn--label-warning m-btn--bolder m-btn--uppercase" href="javascript:search('datatables')">
                                <span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷新</span></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <!--end::Form-->
    </div>
    <table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%">
        <thead>
        <tr>
            <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
            <th>序号</th>
            <th>操作</th>
            <th>账户</th>
            <th>姓名</th>
            <th>类型</th>
            <th>状态</th>
            <th>电子邮件</th>
            <th>注册时间</th>
            <th>修改时间</th>
            <th>上次登录时间</th>
        </tr>
        </thead>
    </table>
</div>



<!-- 已拥有权限模态框（Modal）开始 -->
<div class="modal fade" id="userRoleModal" tabindex="-1" role="dialog" aria-labelledby="userRoleModalLabel">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myLargeModalLabel">角色列表</h4>
            </div>
            <div class="modal-body">
                <div class="panel-body">
                    <form method="POST" id="searchFormRole" style="display:none;"></form>
                    <table id="userRoleDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
                        <thead>
                        <tr>
                            <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallUserRole" /><span></span></label></th>
                            <th>序号</th>
                            <th>角色名称</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- 已拥有权限用户模态框（Modal）结束 -->
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
<script src="/deng/source/plugins/newAdmin/bootstrap/4.0.0/plugins/select2/js/select2.min.js"></script>
<!-- 岗位选择器模态框（Modal）结束 -->
<script type="text/javascript" src="/deng/view/oauth/oauth-account/oauth-account-list.js"></script>
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/css/fixedHeader.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/css/fixedColumns.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/css/scroller.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/css/colReorder.dataTables.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/js/dataTables.fixedHeader.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/js/dataTables.fixedColumns.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/js/scroller.dataTables.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/js/colReorder.dataTables.min.js"></script>
<style>
    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding:.6rem;
        width: 100%;
    }
</style>
</html>
